{% if not current_user.is_authenticated %}
    <div class="text-center login-hint">
        <div class="card-body text-center m-2 m-md-3 f-16" id="no-editor">
            <div>您尚未登录，
                <a href="/auth/login/"><span class="badge badge-info">登录</span></a> 或
                <a href="/auth/register/"><span class="badge badge-success">注册</span></a> 后评论
                <hr>
                <a href="/login/github"><i class="fa fa-github-square fa-2x"></i></a>
            </div>
        </div>
    </div>
{% else %}
    <div style="margin: 5px">
        <p id="commentPosition"></p>
        <textarea name="comment-editor" id="comment-editor" placeholder="请输入评论,已经支持手机emoji表情啦~~~">
        </textarea>
        <div class="blog-content-div">
            <p id="replyUser" class="float-left text-info ml-0" hidden="hidden"></p>
            <p id="commentErrorHint" class="text-right text-danger ml-0" hidden="hidden">请输入评论内容后再提交</p>
            <br>
            <div>
                <div class="text-right">
                    <button hidden="hidden" class="btn btn-danger round-3" id="cancelReplyBtn">取消回复</button>
                    <button hidden="hidden" class="btn btn-secondary round-3" onclick="replyUserComment()" id="replyBtn">回复</button>
                    <button class="btn btn-secondary round-3" data-blogid="{{ blog.id }}" onclick="submitComment()" id="subCommentBtn">评论</button>
                </div>
            </div>
        </div>
    </div>
{% endif %}